<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>确认订单</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="../../css/mui.css">
    <link rel="stylesheet" href="../../css/mycss/orderDetail.css">
    <link rel="stylesheet" href="../../fonts/iconfont.css">
</head>
<body style="background-color: rgb(236,239,243);max-width: 414px;margin: auto;">

<header id="header" class="mui-bar mui-bar-nav" style="max-width: 414px;margin: auto;background-color:rgb(0,145,219);">
    <a style="color: white; " class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <div class="mui-title" style="color: white;text-align: left;margin-left: 20px">订单详情</div>
</header>

<div class="mui-content">
    <!--物流-->
    <div class="goods-flow" style="width: 100%;padding: 5px 20px 5px 20px;overflow: hidden;margin-top:10px;color:white">
            <div class="mui-row"  style="padding: 10px 5px 10px 5px" style="color: white;">
                <div class="mui-col-xs-1"  style="float:left;text-align: right;">
                    <a class="mui-icon iconfont icon-sn_shop5 mui-pull-left" style="color: white;"></a>
                </div>
                <div class="mui-col-xs-9" >
                    <h5 style="font-weight: bold;color: white">已发货</h5>
                    <p style="font-size: 12px">物流信息：【深圳市】 到达 深圳市 处理中心</p>
                    <p style="font-size: 12px;">2017-08-13 20:10:20</p>
                </div>
                <div class="mui-col-xs-2"  style="float:left;text-align: right;">
                    <a onclick="goUrl('wuliu.html')" class="mui-icon mui-icon-arrowright mui-pull-right" style="color: white;"></a>
                </div>
            </div>
        </div>
    </div>
    <!--地址-->
    <div class="goods-address" style="width: 100%;padding: 5px 20px 5px 20px;overflow: hidden;margin-top:10px;color:white">
        <div class="mui-row"  style="padding: 10px 5px 10px 5px" style="color: white;">
            <div class="mui-col-xs-1"  style="float:left;text-align: right;">
                <a class="mui-icon iconfont icon-icon mui-pull-left" style="color: dimgrey;"></a>
            </div>
            <div class="mui-col-xs-8" style="color: black">
                <p style="font-weight: bold;">小普</p>
            </div>
            <div class="mui-col-xs-3"  style="float:left;text-align: right;">
                <p>13538482645</p>
            </div>
            <div class="mui-col-xs-1"  style="float:left;text-align: right;">
            </div>
            <div class="mui-col-xs-11" style="color: black">
                <p >广东东莞市黄江镇 社贝村明珠二路12号小普科技有限公司</p>
            </div>
        </div>
    </div>

<!--货物信息-->
    <div class="goods" style="width: 100%;padding: 5px 20px 5px 20px;overflow: hidden;margin-top:10px;color:white">
        <div class="mui-row"  style="padding: 10px 5px 10px 5px" style="color: white;border: 1px gray solid">
            <div class="mui-col-xs-1"  style="float:left;text-align: right;">
                <a class="mui-icon mui-icon-home mui-pull-left" style="color: dimgrey;font-size: 18px;"></a>
            </div>
            <div class="mui-col-xs-11" style="color: black">
                <p style="font-weight: bold;">超急店小普专营</p>
            </div>
        </div>

        <div class="goods-detail-list mui-row" style="border-bottom: 1px solid #F8F8FF">
            <div class="checked-order-img  mui-col-xs-4" style="float:left;padding-right: 10px">
                <img style="width: 100px;height:100px" src="../../images/750大图.png">
            </div>
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;">
                <p style="overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: #222222">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
                <p style="font-size:12px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: gray">规格：love10组合</p>
                <div class="buying-info-icon" style="display: inline-block;width:60px;height: 14px;">
                    <img style="width:100%;height: 100%;"  src="../../images/图层-1@2x_0.png">
                </div>
                <div class="buying-info-icon" style="display: inline-block;width:28px;height: 15px;">
                    <img style="width:100%;height: 100%;"  src="../../images/图层-2@2x_1.png">
                </div>
            </div>
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;text-align: right;">
                <p style="font-size: 12px;color: rgb(245,0,89); ">¥1122.00</p>
                <p style="font-size: 12px">¥1122.00</p>
                <p style="font-size: 12px">重量：0.47kg</p>
                <p style="font-size: 12px">X1</p>
            </div>
        </div>

        <div class="goods-detail-list mui-row" style="border-bottom: 1px solid #F8F8FF">
            <div class="checked-order-img  mui-col-xs-4" style="float:left;padding-right: 10px">
                <img style="width: 100px;height:100px" src="../../images/750大图.png">
            </div>
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;">
                <p style="overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: #222222">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
                <p style="font-size:12px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: gray">规格：love10组合</p>
                <div class="buying-info-icon" style="display: inline-block;width:60px;height: 14px;">
                    <img style="width:100%;height: 100%;"  src="../../images/图层-1@2x_0.png">
                </div>
                <div class="buying-info-icon" style="display: inline-block;width:28px;height: 15px;">
                    <img style="width:100%;height: 100%;"  src="../../images/图层-2@2x_1.png">
                </div>
            </div>
            <div class="order-article  mui-col-xs-4"  style="margin-top:10px;float:left;line-height: 12px;text-align: right;">
                <p style="font-size: 12px;color: rgb(245,0,89); ">¥1122.00</p>
                <p style="font-size: 12px">¥1122.00</p>
                <p style="font-size: 12px">重量：0.47kg</p>
                <p style="font-size: 12px">X1</p>
            </div>
        </div>
    </div>

<!--订单价格-->
    <div class="goods-price" style="width: 100%;padding: 5px 20px 5px 20px;overflow: hidden;margin-top:10px;color:white">
        <div class="goods-price-list mui-row" style="border-bottom: 1px solid #F8F8FF;margin-top:10px;;">
            <div class="checked-order-img  mui-col-xs-6" style="text-align: left;">
                <p  style="font-size: 12px;color: rgb(245,0,89);">¥1122.00</p>
            </div>
            <div class="checked-order-img  mui-col-xs-6" style="text-align: right;">
                <p style="font-size: 12px;color: rgb(245,0,89);">¥1122.00</p>
            </div>

            <div class="checked-order-img  mui-col-xs-6" style="text-align: left;">
                <p  style="font-size: 12px;">¥1122.00</p>
            </div>
            <div class="checked-order-img  mui-col-xs-6" style="text-align: right;">
                <p style="font-size: 12px;">¥1122.00</p>
            </div>

            <div class="checked-order-img  mui-col-xs-6" style="text-align: left;">
                <p  style="font-size: 12px;">¥10.00</p>
            </div>
            <div class="checked-order-img  mui-col-xs-6" style="text-align: right;">
                <p style="font-size: 12px;">¥10.00</p>
            </div>
        </div>
    </div>

<!--发票信息-->
    <div class="goods-fabiao" style="width: 100%;padding: 5px 20px 5px 20px;overflow: hidden;margin-top:10px;background-color: white">
        <div class="mui-row"  style="padding: 10px 5px 10px 5px" >
            <div class="mui-col-xs-12"  style="float:left;text-align: left;border-bottom: 1px solid #F8F8FF">
               <h5 style="font-weight: bold" >发票信息</h5>
            </div>
            <div class="mui-col-xs-12"  style="float:left;text-align: left;margin-top: 10px;">
                <p >不需要发票</p>
            </div>
        </div>
    </div>
<!--订单信息-->
    <div class="goods-fabiao" style="width: 100%;padding: 5px 20px 5px 20px;overflow: hidden;margin-top:10px;background-color: white">
        <div class="mui-row"  style="padding: 10px 5px 10px 5px" >
            <div class="mui-col-xs-12"  style="float:left;text-align: left;">
                <p>订单编号：1212150525550505</p>
                <p>支付方式：支付宝</p>
                <p>支付交易单号：12315646578912313213</p>
                <p>下单时间：2017-06-30 20:20:11</p>
            </div>
        </div>
    </div>


</div>



<script src="../../js/mui.js"></script>
<script src="../../js/myjs/orderDetail.js"></script>
<script src="../../js/myjs/url.js"></script>
</body>

</html>